<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 1.箭头函数的写法
        const fn = (x) => {
            console.log(x);
        }
        fn(1)
        // 2.只有一个形参的时候 可以省略小括号
        const f = x => {
            console.log(x);
        }
        f(3)
        // 3.只有一行代码时 可以省略大括号
        const h = x => console.log(x);
        h(4)
        // 4.可以省略return
        const s = x => x + x
        console.log(s(1));

        // 5.箭头函数可以直接返回一个对象  注意后面是括号
        const z = (uname) => ({ name: uname })
        console.log(z('哈哈'));
        console.log('----');

    </script>
</body>

</html>